<!DOCTYPE html>
<!-- saved from url=(0042)http://getbootstrap.com/examples/carousel/ -->
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="shortcut icon" href="http://getbootstrap.com/assets/ico/favicon.ico">

		<title>Gamedu - Research Lab.</title>

		<!-- Bootstrap core CSS -->
		<link href="vendor/inicio/bootstrap.min.css" rel="stylesheet">

		<!-- Just for debugging purposes. Don't actually copy this line! -->
		<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->

		<!-- Custom styles for this template -->
		<link href="vendor/inicio/carousel.css" rel="stylesheet">
		<style id="holderjs-style" type="text/css"></style>
	</head>
	<!-- NAVBAR
	================================================== -->
	<body style="">

		<div id="top_header" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<span>Estudo de caso</span>
		</div>
		<!-- Marketing messaging and featurettes
		================================================== -->
		<!-- Wrap the rest of the page in another container to center all the content. -->

		<div class="container marketing">

			<!-- Three columns of text below the carousel -->
			<div id="header" class="row">
				<div id="log_gamedu">
					<img class="img-responsive" src="media/logo_gamedu.jpg"/>
				</div>
				<!--<div id="nav_jogos">
					<ul class="nav nav-pills">
						<li class="jogo_btn">
							<a href="#domolidora">Bola Demolição</a>
						</li>
						<li class="jogo_btn">
							<a href="#guindaste">Guindaste</a>
						</li>
						<li class="jogo_btn">
							<a href="#empilhadeira">Empilhadeira</a>
						</li>
					</ul>
				</div>-->

			</div><!-- /.row -->

			<!-- START THE FEATURETTES -->

			<hr class="featurette-divider">

			<div id="demolidora" class="row featurette">
				<div class="col-md-7">
					<h2 class="featurette-heading">Bola Demolidora </h2>
					<p class="lead">
						O objetivo do jogo “Bola demolidora” é você conseguir abrir passagem. Para isso, você deverá derrubar o obstáculo que se encontra no meio do caminho.
					</p>
					<p>
						<a href="#" class="btn btn-primary btn-lg active" role="button">Preview</a>
						<a href="games/bolademolidora/index.html" class="btn btn-warning btn-lg active" role="button">Jogar</a>
					</p>
				</div>
				<div class="col-md-5">
					<img class="featurette-image img-responsive img-thumbnail" data-src="holder.js/500x500/auto" alt="500x500" src="media/demolidora.PNG">
				</div>
			</div>

			<hr class="featurette-divider">

			<div id="guindaste" class="row featurette">
				
				<div class="col-md-7">
					<h2 class="featurette-heading">Guindaste</h2>
					<p class="lead">
						O objetivo do jogo “Porteiner” é você conseguir colocar o contêiner que se encontra na embarcação, em cima do caminhão. Para isso acontecer, você pode contar com o auxilio do guindaste.
					</p>
					<p>
						<a href="#" class="btn btn-primary btn-lg active" role="button">Preview</a>
						<a href="games/porteiner_final/index.html" class="btn btn-warning btn-lg active" role="button">Jogar</a>
					</p>
				</div>
				<div class="col-md-5">
					<img class="featurette-image img-responsive img-thumbnail" data-src="holder.js/500x500/auto" alt="500x500" src="media/guindaste.PNG">
				</div>
			</div>

			<hr class="featurette-divider">

			<div id="empilhadeira" class="row featurette">
				<div class="col-md-7">
					<h2 class="featurette-heading">Empilhadeira</h2>
					<p class="lead">
						O objetivo do jogo “Empilhadeira” é você conseguir construir um caminho de passagem. Para isso, é necessário que você utilize todas as caixas (uma de cada vez) para cobrir o buraco existente na pista.
					</p>
					<p>
						<a href="#" class="btn btn-primary btn-lg active" role="button">Preview</a>
						<a href="games/empilhadeira/index.html" class="btn btn-warning btn-lg active" role="button">Jogar</a>
					</p>
				</div>
				<div class="col-md-5">
					<img class="featurette-image img-responsive img-thumbnail" data-src="holder.js/500x500/auto" alt="500x500" src="media/empilhadeira.PNG">
				</div>
			</div>

			<hr class="featurette-divider">

			<div id="LightRobot" class="row featurette">
				<div class="col-md-7">
					<h2 class="featurette-heading">Light Robot <span class="text-muted"></span></h2>
					<p class="lead">
						O objetivo do Jogo “Light Robot” é você conseguir alcançar todo o caminho azul. Para isso, você conta com o auxilio de instruções de direção, rotação e funções.
					</p>
					<p>
						<a href="#" class="btn btn-primary btn-lg active" role="button">Preview</a>
						<a href="#" class="btn btn-warning btn-lg active" role="button">Jogar</a>
					</p>
				</div>
				<div class="col-md-5">
					<img class="featurette-image img-responsive img-thumbnail" data-src="holder.js/500x500/auto" alt="500x500" src="media/light-bot.jpg">
				</div>
			</div>

			<hr class="featurette-divider">
		

			<div id="feedback" class="row featurette">

				<div class="col-md-12">
					<h2>Deixe seu comentário</h2>

					<!-- <form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleInputFile">File input</label>
							<input type="file" id="exampleInputFile">
							<p class="help-block">
								Example block-level help text here.
							</p>
						</div>
						<div class="checkbox">
							<label>
								<input type="checkbox">
								Check me out </label>
						</div>
						<button type="submit" class="btn btn-default">
							Submit
						</button>
					</form>!-->
					
					<iframe src="https://docs.google.com/forms/d/1SzzJKmDz2snRxtvWkViJTnDDCE67tEhzSHDd5FKaJBk/viewform?embedded=true" width="100%" height="1440" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
				</div>

			</div>
			
			<div id="pet" class="row featurette">
				<div class="col-md-12">
					<center>
						<img class="featurette-image img-responsive " data-src="holder.js/500x500/auto" alt="500x500" src="media/mascote.png">	
					</center>
				</div>
			</div>

			<hr class="featurette-divider">

			<!-- /END THE FEATURETTES -->

			<!-- FOOTER -->
			<footer>
				<p class="pull-right">
					<a href="inicio.html">Back to top</a>
				</p>
				<p>
					© 2014 Gamedu, Research Lab. ·
				</p>
			</footer>

		</div><!-- /.container -->

		<!-- Bootstrap core JavaScript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="vendor/jquery-2.0.0.min.js"></script>
		<script src="vendor/bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript">
			$(function() {

				$(".jogo_btn").bind('click', function(e) {

					//$(".jogo_btn").removeClass("active");

					//$(this).addClass("active");
					//alert('test');

				});
			});

		</script>

	</body>
</html>